<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 4.引入当前样式 -->
		<link rel="stylesheet" href="../css/api-detail.css" />
		<link rel="stylesheet" href="../font_z9c0dknjan/iconfont.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb abs">
			<!-- logo
				1.img直接写logo
				2.支持SEO 在a标签中套一个h1标签，然后给h1
				增加背景图-->

			<!-- 左边logo -->
			<a href="../html/index.html">
				<h1></h1>
			</a>
			<!-- 中间导航栏 -->
			<ul class="flex-c-c">
				<li>
					<a href="../html/index.html">首页</a>
				</li>
				<li>
					<a href="../html/api-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="../html/unicorn.html">案列</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<!-- 右边按钮 -->
			<div>
				<button onclick="window.location.href='../html/log-in.html'">
					登录
				</button>
				<button onclick="window.location.href='../html/register.html'">
					注册有礼
				</button>
			</div>
		</header>
		<!-- <div id="header"></div> -->

		<!-- 主题 -->
		<main>
			<section id="particle" class="rel">
				<!-- 粒子背景 -->
				<div id="bannerBg" class="abs"></div>
				<!-- 图文区 -->
				<div class="container text rel">
					<!-- 左图片 -->
					<div id="leftImg" class="abs">
						<img src="../imgs/API11.jpg" alt="加载失败" />
						<div class="min">
							<ul class="flex-c-se">
								<li>
									<img src="../imgs/API_smallicon_01.jpg" alt="加载失败" />
									<p>103</p>
								</li>
								<li>
									<img src="../imgs/API_smallicon_02.jpg" alt="加载失败" />
									<p>14245</p>
								</li>
								<li>
									<img src="../imgs/API_smallicon_03.jpg" alt="加载失败" />
									<p>623</p>
								</li>
							</ul>
						</div>
					</div>
					<!-- 右文字 -->
					<div id="rightText" class="abs">
						<!-- 实名认证 -->
						<div class="realName">
							<strong>身份证实名认证</strong>
							<span>支持HTTPS</span>
							<span>企业专用</span>
						</div>
						<!-- 黄色字体 -->
						<div class="yellow">
							<ul class="flex-c-fs">
								<li>
									<img src="../imgs/API03.jpg" alt="加载失败" />
									<span>限企业实名用户使用</span>
								</li>
								<li>
									<img src="../imgs/API08.jpg" alt="加载失败" />
									<span>本接口需提供应用场景审核</span>
								</li>
								<li>
									<img src="../imgs/API05.jpg" alt="加载失败" />
									<span>个人实名用户无法使用</span>
								</li>
							</ul>
						</div>
						<!-- 检测 -->
						<p class="testing">检测姓名和身份证号是否一致，身份证验证。</p>
						<!-- 选项框 -->
						<div class="options rel">
							<button class="default">
								<img src="../imgs/API17.jpg" alt="加载失败" />
								扫码测试
								<div class="wechat abs">
									<img src="../imgs/wechat-white.png" alt="二维码加载失败" />
									<p>请扫码关注</p>
								</div>
							</button>
						</div>
						<!-- 价格 -->
						<div class="price">
							<!-- <strong>￥1200</strong>
							<span>（约0.3000元/次），仅限企业实名购买。</span> -->
						</div>
						<!-- 立即申请按钮 -->
						<button class="btn">立即申请</button>
					</div>
				</div>
			</section>
			<!-- 分页区 -->
			<section id="apiList">
				<div class="container">
					<ul>
						<li>
							<a href="javascript:void 0" class="active">API文档</a>
						</li>
						<li>
							<a href="javascript:void 0">错误码参照</a>
						</li>
						<li>
							<a href="javascript:void 0">示例代码</a>
						</li>
						<li>
							<a href="javascript:void 0">联系我们</a>
						</li>
					</ul>
				</div>
			</section>
			<!-- 详情页 -->
			<section id="particulars">
				<div class="container cf">
					<!-- 左边 -->
					<div id="left" class="fl">
						<!-- 地址栏 -->
						<div class="href">
							<p>
								接口地址：
								<a href="http://op.juhe.cn/idcard/query"
									>http://op.juhe.cn/idcard/query</a
								>
							</p>
							<p>
								返回格式：
								<a href="json">json</a>
							</p>
							<p>
								请求方式：
								<a href="http get/post">http get/post</a>
							</p>
							<p>
								请求示例：
								<a
									href="http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname="
									>http://op.juhe.cn/idcard/query?key=您申请的KEY&idcard=&realname=</a
								>
							</p>
							<p>
								接口备注：
								<a href="#">error_code为0时计费</a>
							</p>
							<button>API测试工具</button>
						</div>
						<!-- 请求参数说明 -->
						<div class="RequestParameter">
							<p>请求参数说明：</p>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- 返回参数说明 -->
						<div class="returnParameter">
							<p>返回参数说明:</p>
							<table>
								<thead>
									<tr>
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>error_code</td>
										<td>int</td>
										<td>返回码</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>reason</td>
										<td>string</td>
										<td>返回说明</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>result</td>
										<td>object</td>
										<td>返回结果集</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>属result,真实姓名</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>属result,身份证号</td>
									</tr>
								</tbody>
								<tbody>
									<tr>
										<td>res</td>
										<td>int</td>
										<td>属result,匹配详情,1匹配,2不匹配</td>
									</tr>
								</tbody>
							</table>
						</div>
						<!-- JSON返回示例 -->
						<div class="json">
							<p>
								JSON返回示例:
								<span>JSON在线格式化工具</span>
							</p>
							<div class="code">
								<p>{</p>
								<p>"reason": "成功",</p>
								<p>"result": {</p>
								<p>"realname": "***",/*真实姓名*/</p>
								<p>"idcard": "******************",/*身份证号码*/</p>
								<p>"orderid":"J103202010151450419556",/*流水号*/</p>
								<p>"res": 1 /*1：匹配 2：不匹配*/</p>
								<p>},</p>
								<p>"error_code": 0</p>
								<p>}</p>
							</div>
						</div>
					</div>
					<!-- 右边 -->
					<div id="right" class="fr">
						<p>活动推荐/Activity</p>
						<p>
							<img src="../imgs/sfz-aside1.png" alt="图片加载失败" />
						</p>
						<p>
							<img src="../imgs/details-aside02.png" alt="图片加载失败" />
						</p>
						<p>
							<img src="../imgs/details-aside03.png" alt="图片加载失败" />
						</p>
						<p>猜你喜欢</p>
						<div class="flex-c-fs">
							<div>
								<img src="../imgs/API22.jpg" alt="图片加载失败" />
							</div>
							<div>
								<span>短信API服务</span>
								<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
							</div>
						</div>
						<div class="flex-c-fs">
							<div>
								<img src="../imgs/API26.jpg" alt="图片加载失败" />
							</div>
							<div>
								<span>银行卡四元素校验</span>
								<p>检测输入的姓名、手机号码、身份证号码、银行卡号是否一致</p>
							</div>
						</div>
						<div class="flex-c-fs">
							<div>
								<img src="../imgs/API30.jpg" alt="图片加载失败" />
							</div>
							<div>
								<span>身份证查询</span>
								<p>身份证归属地信息查询身份证归属地信息查询</p>
							</div>
						</div>
						<div class="flex-c-fs">
							<div>
								<img src="../imgs/API33.jpg" alt="图片加载失败" />
							</div>
							<div>
								<span>身份证OCR识别</span>
								<p>
									支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
									身份证号、签发机关、有效期限，准确率98%以上
								</p>
							</div>
						</div>
						<div class="flex-c-fs">
							<div>
								<img src="../imgs/API36.jpg" alt="图片加载失败" />
							</div>
							<div>
								<span>三网手机实名制认证</span>
								<p>支持移动、联通号码；检验姓名、身份证、手机号码是否一致。</p>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!-- 现在注册，百款接口免费测试 -->
			<section id="register">
				<div class="container">
					<h1>现在注册，百款接口免费测试</h1>
					<button>免费注册</button>
				</div>
			</section>
		</main>

		<!-- 尾部 -->
		<footer>
			<div class="container">
				<!-- 上边详情 -->
				<div class="flex-c-sb top">
					<!-- 联系与支持 -->
					<ul>
						<li>
							<h3>联系与支持</h3>
						</li>
						<li>
							<a href="#">400-882-7715</a>
						</li>
						<li>
							<a href="#">售前咨询</a>
						</li>
						<li>
							<a href="#">客服&售后</a>
						</li>
						<li>
							<a href="#">常见问题</a>
						</li>
						<li>
							<a href="#">极速工单</a>
						</li>
						<li>
							<a href="#">投诉与建议</a>
						</li>
					</ul>

					<!-- 关于源码 -->
					<ul>
						<li>
							<h3>关于源码</h3>
						</li>
						<li>
							<a href="#">合作伙伴</a>
						</li>
						<li>
							<a href="#">服务条款</a>
						</li>
						<li>
							<a href="#">隐私政策</a>
						</li>
						<li>
							<a href="#">市场合作</a>
						</li>
						<li>
							<a href="#">反商业贿赂声明</a>
						</li>
					</ul>

					<!-- 快速入口 -->
					<ul>
						<li>
							<h3>快速入口</h3>
						</li>
						<li>
							<a href="#">API数据</a>
						</li>
						<li>
							<a href="#">黑钻会员</a>
						</li>
						<li>
							<a href="#">新闻动态</a>
						</li>
						<li>
							<a href="#">联系我们</a>
						</li>
						<li>
							<a href="#">加入我们</a>
						</li>
					</ul>

					<!-- 产品服务 -->
					<ul>
						<li>
							<h3>产品服务</h3>
						</li>
						<li>
							<a href="#">云监测</a>
						</li>
						<li>
							<a href="#">云查询</a>
						</li>
						<li>
							<a href="#">云助手</a>
						</li>
						<li>
							<a href="#">聚盒子</a>
						</li>
						<li>
							<a href="#">云充值</a>
						</li>
					</ul>

					<!-- 解决方案 -->
					<ul>
						<li>
							<h3>解决方案</h3>
						</li>
						<li>
							<a href="#">数字中台</a>
						</li>
						<li>
							<a href="#">慧集：API生命周期管理</a>
						</li>
						<li>
							<a href="#">有赢：助力企业营销</a>
						</li>
					</ul>

					<div class="weChat">
						<h2 class="fz-16">微信公众号</h2>
						<p>源码时代</p>
						<img src="../imgs/103-demo.png" alt="图片加载失败" />
					</div>
				</div>
				<!-- 下边文字 -->
				<div class="bottom">
					<div>
						<img src="../imgs/bei2.png" alt="图片加载失败" />
						<img src="../imgs/bei1.png" alt="图片加载失败" />
						<span>
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</span>
					</div>
					<span>源码大数据股份有限公司©版权所有</span>
				</div>
			</div>
		</footer>
		<!-- 回到顶部按钮 -->
		<span class="iconfont icon-icon-test"></span>

		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<!-- 2.引入swiper的JS -->
		<script src="../lib/swiper-bundle.min.js"></script>
		<!-- 4.引入粒子效果的JS -->
		<script src="../lib/canvas-particle.js"></script>
		<!-- 5.引入当前页JS -->
		<script src="../js/api-detail.js"></script>
	</body>
</html>
